<template>
  <div class="navbar">
    <!-- “default-active="*"”表示“默认选中带某个下标（index）的菜单项”↓ -->
    <!-- 注意：1.“:router="true"”表示“开启路由模式”，开启后index的值代表路由地址；2.必须要在“router”前加空格和冒号以表示绑定属性，因为只有这样做后“true”才是表示“是”的布尔值，否则它只是一个字符串"true"而已↓ -->
    <el-menu :router="true" default-active="/home" class="el-menu-vertical-demo">
      <el-menu-item index="/home">
        <i class="el-icon-s-home"></i>
        <span slot="title">首页</span>
      </el-menu-item>
      <el-menu-item index="/goods/">
        <i class="el-icon-goods"></i>
        <span slot="title">商品管理</span>
      </el-menu-item>
      <el-menu-item index="/staff/">
        <i class="el-icon-user"></i>
        <span slot="title">员工管理</span>
      </el-menu-item>
      <el-menu-item index="/supplier/">
        <i class="el-icon-s-cooperation"></i>
        <span slot="title">供应商管理</span>
      </el-menu-item>
      <el-menu-item index="/customer/">
        <i class="el-icon-s-custom"></i>
        <span slot="title">客户管理</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<style scoped>
  .el-menu{border-right: none;}
</style>

